<div class="tutorial-index"><div class="tutorial-summary" data-metadata-json='{"programKind": "per-method", "difficulty": "getting started"}' data-tutorial-name="script-by-script-hello"><p class="image-container"><img alt="Screenshot" src="screenshot.png"/></p>
<h1>Hello world!</h1>
<p>This tutorial will introduce you to the main ideas of writing programs
using Pytch.</p></div><div class="tutorial-summary" data-metadata-json='{"programKind": "per-method", "difficulty": "beginner", "groupedProjectAssets": [{"name": "Cartoon fruit", "assets": ["Apple-1.png", "Apple-2.png", "Apple-3.png", "Apple-4.png", "GoldApple-1.png", "Lemon-1.png", "Lemon-2.png", "Lemon-3.png", "Lemon-4.png", "Orange-1.png", "Orange-2.png", "Orange-3.png", "Orange-4.png", "Strawberry-1.png"]}]}' data-tutorial-name="script-by-script-shoot-the-fruit"><p class="image-container"><img alt="Screenshot" src="screenshot.png"/></p>
<h1>Script-by-script Shoot the fruit</h1>
<p>Score points by clicking on the fruit.  If you miss you will lose
points!</p></div><div class="tutorial-summary" data-metadata-json='{"programKind": "per-method", "difficulty": "medium", "groupedProjectAssets": [{"name": "Cartoon fruit", "assets": ["Apple-1.png", "Apple-2.png", "Apple-3.png", "Apple-4.png", "GoldApple-1.png", "Lemon-1.png", "Lemon-2.png", "Lemon-3.png", "Lemon-4.png", "Orange-1.png", "Orange-2.png", "Orange-3.png", "Orange-4.png", "Strawberry-1.png"]}, {"name": "Pytch snake", "assets": ["Pytch-snake-1.png", "Pytch-snake-2.png", "Pytch-snake-3.png", "Pytch-snake-4.png"]}, {"name": "Fruit bowl", "assets": ["Bowl-1.png", "Bowl-2.png"]}]}' data-tutorial-name="script-by-script-catch-apple"><p class="image-container"><img alt="Screenshot" src="screenshot-w240.png"/></p>
<h1>Script-by-script catch the apple!</h1>
<p>This tutorial will show you how to make a simple game in Pytch,
creating the code as a collection of individual scripts much like in
Scratch.  In the game, the player will move a bowl to try to catch
apples which fall down the screen.</p></div><div class="tutorial-summary" data-metadata-json='{"groupedProjectAssets": [{"name": "Cartoon moles", "assets": ["no-moles.png", "mole-left.png", "mole-centre.png", "mole-right.png"]}, {"name": "Single mole", "assets": ["one-hole.png", "one-mole.png"]}], "programKind": "per-method", "difficulty": "medium"}' data-tutorial-name="script-by-script-splat-the-moles"><p class="image-container"><img alt="Screenshot" src="screenshot-w240.png"/></p>
<h1>Script-by-script splat the moles</h1>
<p>In this tutorial, you’ll write a game in Python where the player has
to splat moles to score points.  But if they miss, they lose all their
points!  (Don't worry, no real moles will be harmed in making this
game.)</p></div><div class="tutorial-summary" data-metadata-json='{"programKind": "per-method", "difficulty": "medium", "groupedProjectAssets": [{"name": "Space aliens", "assets": ["Invader_Navy_1.png", "Invader_Navy_2.png", "Invader_Green_1.png", "Invader_Green_2.png", "Invader_DarkRed_1.png", "Invader_DarkRed_2.png", "Invader_Blue_1.png", "Invader_Blue_2.png", "Invader_Cyan_1.png", "Invader_Cyan_2.png", "Invader_Orange_1.png", "Invader_Orange_2.png", "Invader_Pink_1.png", "Invader_Pink_2.png", "Invader_Red_1.png", "Invader_Red_2.png", "Invader_Yellow_1.png", "Invader_Yellow_2.png"]}, {"name": "Explosion frames", "assets": ["Explosion_1.png", "Explosion_2.png", "Explosion_3.png", "Explosion_4.png", "Explosion_5.png"]}]}' data-tutorial-name="script-by-script-blue-invader"><p class="image-container"><img alt="Screenshot" src="screenshot.png"/></p>
<h1>Blue Invaders</h1>
<p>In this game we'll defend ourselves from dangerous blue invaders, by
clicking on them.  But don't destroy the friendly green aliens by
mistake!</p></div><div class="tutorial-summary" data-metadata-json='{"programKind": "per-method", "difficulty": "advanced", "groupedProjectAssets": [{"name": "Boing player bats", "assets": ["player-bat-smile.png", "player-bat-wince.png"]}, {"name": "Boing robot bats", "assets": ["robot-bat-smile.png", "robot-bat-wince.png"]}]}' data-tutorial-name="script-by-script-boing"><p class="image-container"><img alt="Screenshot" src="summary-screenshot.png"/></p>
<h1>Boing — a Pong-like game</h1>
<p>This tutorial shows you how to make a game like the classic Pong.  You
control a bat, and have to keep hitting the ball back to a robot
opponent.</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "getting started"}' data-tutorial-name="hello"><p class="image-container"><img alt="Screenshot" src="screenshot.png"/></p>
<h1>Hello world!</h1>
<p>This tutorial will introduce you to the main ideas of writing programs
using Pytch.</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "beginner"}' data-tutorial-name="shoot-the-fruit"><p class="image-container"><img alt="Screenshot" src="screenshot.png"/></p>
<h1>Shoot the fruit</h1>
<p>Score points by clicking on the fruit.  If you miss you will lose
points!</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "beginner"}' data-tutorial-name="chase"><p class="image-container"><img alt="Screenshot" src="screenshot.png"/></p>
<h1>Chase game</h1>
<p>This tutorial will show you how to make a game with multiple sprites and sound.</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "medium"}' data-tutorial-name="catch-apple"><p class="image-container"><img alt="Screenshot" src="screenshot-w240.png"/></p>
<h1>Catch the apple!</h1>
<p>This tutorial will show you how to make a simple game in Pytch.  The
player will move a basket to try to catch apples which fall down the
screen.</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "medium", "groupedProjectAssets": [{"name": "space invaders", "assets": ["enemy-alien.png", "friendly-alien.png", "special-alien.png"]}]}' data-tutorial-name="blue-invader"><p class="image-container"><img alt="Screenshot" src="screenshot.png"/></p>
<h1>Blue Invaders</h1>
<p>In this game we'll defend ourselves from dangerous blue invaders, by
clicking on them.  But don't destroy the friendly green aliens by
mistake!</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "medium", "groupedProjectAssets": [{"name": "quiz buttons", "assets": ["button-question.png", "button-ans-A.png", "button-ans-B.png", "button-ans-C.png", "button-ans-D.png"]}]}' data-tutorial-name="multiple-choice-quiz"><p class="image-container"><img alt="Screenshot" src="screenshot-w240.png"/></p>
<h1>Multiple choice quiz</h1>
<p>Make a quiz which asks the player questions.  See how many your
friends can get right!</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "medium", "groupedProjectAssets": [{"name": "small moles", "assets": ["left-mole.png", "all-empty.png", "centre-mole.png", "right-mole.png"]}, {"name": "large moles", "assets": ["hole-with-mole.png", "empty-hole.png"]}]}' data-tutorial-name="splat-the-moles"><p class="image-container"><img alt="Screenshot" src="screenshot-w240.jpg"/></p>
<h1>Splat the moles</h1>
<p>Write a game where the player has to splat moles to score points.  But
if they miss, they lose all their points!  (Don't worry, no real moles
will be harmed in making this game.)</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "medium", "groupedProjectAssets": [{"name": "green LED", "assets": ["light-off.png", "light-on.png"]}, {"name": "neon texts", "assets": ["YES-neon-text.png", "FAIL-neon-text.png"]}]}' data-tutorial-name="trimon"><p class="image-container"><img alt="Screenshot" src="screenshot-w240.png"/></p>
<h1>Trimon</h1>
<p>Can you remember longer and longer patterns of flashing lights?</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "advanced", "groupedProjectAssets": [{"name": "QBert character", "assets": ["qbert0.png", "qbert1.png", "qbert2.png", "qbert3.png"]}, {"name": "blocks", "assets": ["block-lit.png", "block-unlit.png"]}]}' data-tutorial-name="qbert"><p class="image-container"><img alt="Screenshot" src="screenshot.png"/></p>
<h1>Q*bert: Recreate the cube-hopping action</h1>
<p>We'll recreate a basic version of the classic arcade game <em>Q*bert</em>,
following the example in Issue 42 of the Raspberry Pi Press's
<em>Wireframe</em> magazine.</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "advanced", "groupedProjectAssets": [{"name": "digits", "assets": ["images/digit-0.png", "images/digit-1.png", "images/digit-2.png", "images/digit-3.png", "images/digit-4.png", "images/digit-5.png", "images/digit-6.png", "images/digit-7.png", "images/digit-8.png", "images/digit-9.png"]}, {"name": "splash", "assets": ["images/splash-0.png", "images/splash-1.png", "images/splash-2.png", "images/splash-3.png", "images/splash-4.png", "images/splash-5.png", "images/splash-6.png", "images/splash-7.png"]}, {"name": "cars", "assets": ["images/car00.png", "images/car01.png", "images/car20.png", "images/car21.png"]}, {"name": "logs", "assets": ["images/log0.png", "images/log1.png"]}, {"name": "bunny", "assets": ["images/down.png", "images/down_squished.png", "images/left.png", "images/left_squished.png", "images/right.png", "images/right_squished.png", "images/up.png", "images/up_squished.png"]}]}' data-tutorial-name="bunner"><p class="image-container"><img alt="Screenshot" src="summary-screenshot.png"/></p>
<h1>Bunner — a Frogger-like game</h1>
<p>In this tutorial we'll make a version of the classic game <em>Frogger</em>,
following the example given in the book <em>Code the Classics vol 1</em>.</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "advanced", "groupedProjectAssets": [{"name": "Boing bats", "assets": ["images/player-normal.png", "images/player-flash.png", "images/robot-normal.png", "images/robot-flash.png"]}]}' data-tutorial-name="boing"><p class="image-container"><img alt="Screenshot" src="summary-screenshot.png"/></p>
<h1>Boing — a Pong-like game</h1>
<p>This tutorial shows you how to make a game like the classic Pong.  You
control a bat, and have to keep hitting the ball back to a robot
opponent.</p></div><div class="tutorial-summary" data-metadata-json='{"difficulty": "advanced", "groupedProjectAssets": [{"name": "tickets", "assets": ["adult.png", "child.png", "family.png"]}, {"name": "cash", "assets": ["coin-1.png", "coin-2.png", "note-5.png"]}]}' data-tutorial-name="ticket-vending-machine"><p class="image-container"><img alt="Screenshot" src="screenshot.png"/></p>
<h1>A vending machine for tickets</h1>
<p>We will make a simulation of a vending machine which sells tickets for
a theme park.  The customer chooses between three sorts of tickets,
which have different prices.  The customer then pays using coins or
notes.  The machine displays how much change the customer should
receive.</p></div></div>